@media screen and (min-width: 320px) {html{font-size:12px;!important;}}
@media screen and (min-width: 376px)and(max-width: 414px) {html{font-size:16px;!important;}}
@media screen and (min-width: 414px){html{font-size:16px;!important;}}
@media screen and (min-width: 768px){html{font-size:18px;!important;}}
*{margin:0; padding:0; box-sizing: border-box}
.header{
    background-color: #FF8A00;
    width: 100%;
    display: flex;
    height:1.5rem;
}
.header div{
    padding:5px 10px 5px 10px;
}
.header_1{
    flex:7;
}
.header_2{
    flex:1;
}
.header_3{
    flex:1;
}
body{
    background-color: #F5F5F5;
}
.banner {
    position: relative;
}
.search{
    width: 90%;
    margin:0 auto;
}
.search input{
    position: absolute;
    width: 90%;
    height:1rem;
    bottom:20px;
    background:white url("img/seach.png") 5px center no-repeat;
    background-size:.6rem;
    box-shadow: #eee 1px 1px 2px;
}
.search ::placeholder{
    font-size:16px;
    text-indent: 1rem;
    line-height:1rem;
}
.nav{
    height:4rem;
    background-color: #FF8A00;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.nav div{
    width: 20%;
}
.nav div p{
    color:white;
    font-size:16px;
}
.section2{
    margin:10px auto;
}
.hot_house{
    height:1.6rem;
    background-color: #FF8A00;
    padding-left:10px;
}

.hot_house p{
    color:white;
}
.hot_house p:nth-of-type(2){
    font-size: 15px;
}
.house_addr{
    background-color: white;
}
.house_one{
    display: flex;
    justify-content: space-around;
    border-bottom:1px solid #FF8A00;
    padding:10px 5px 10px 5px;
}
.house_last{
    border:none;
}
.house_one .house_img{
    flex:2;
    width: 25%;
}
.house_one .house_intro{
    flex:8;
    width:65%;
    margin-left:5px;
}
.house_intro .intro1{
    font-weight: 600;
    font-size:16px;
}
.house_intro .intro2{
    font-size:14px;
    line-height: 20px;
}
.house_intro .intro3{
    color:#B1B1B1;
}
.house_intro .intro3,.intro4{
    font-size:12px;
    line-height: 20px;
}
.house_intro .intro4{
    color:#8499AF;
}
.house_intro .intro4 span{
    display: inline-block;
    width: 50px;
    height:20px;
    background-color: #F5F6F7;
    text-align: center;
    line-height: 20px;
}
.house_intro .price{
    color:#FF8A00;
    float: right;
    margin-right:10px;
    font-weight: 600;
}
.house_intro .per_price{
    float: right;
    margin-right:10px;
}
.hot_friend{
    margin-top:10px;
    background-color: white;
}
.title{
    border-bottom:1px solid #FF8A00;
    display: flex;
    justify-content: space-around;
}
.title div{
    width: 50%;
    text-align: center;
    font-size:16px;
    line-height:25px;
}
.cnt{
    display:flex;
    justify-content: space-around;
}
.cnt ul li{
    font-size:16px;
    line-height:1rem;
    color:#676767;
}
.select{
    color:#FF8A00;
    border-bottom:2px solid #FF8A00;
}
.footer{
    background-color: black;
    color:#737373;
}
.foot_title{
    height: 1.5rem;
    border-bottom:1px solid #737373;
    line-height:1.5rem;
    padding-left:10px;
    font-size:16px;
}
.footer_mobile{
    width: 80%;
    font-size:18px;
    text-align: center;
    display: flex;
    justify-content: space-around;
    margin:.3rem auto;
}

.last1{
    font-size: 18px;
    text-align: center;
    margin:.3rem auto;
}
.last2{
    text-align: center;
    font-size:16px;
    margin:.3rem auto;
}